Chapter 7, Example 1

Here's the graphic I'll be using to demonstrate: (cwru-icon.gif)


Images can occur within headers!

Images can also be within paragraphs, no matter how long or short the paragraph is. You will notice that some "vertical spacing" problems will occur. This is because the way HTML and the Web is set up, you can only have one line of text exist next to a graphic. To put it another way, the graphic becomes part of a line and alters its height appropriately. This is changing with the work being done on HTML 3.0, but for the purposes of this example, we will stick with the basic HTML 2.0 rules.

As you can see above, images are also able to exist outside of paragraphs, or indeed anything else except the BODY tags.


Take a look at the HTML for the body of this document...


<P>
Here's the graphic I'll be using to demonstrate:
<IMG SRC="/pix/cwru-icon.gif"> (cwru-icon.gif)
</P>

<HR>

<H1><IMG SRC="/pix/cwru-icon.gif"> Images can occur within
headers!</H1>

<P>
<IMG SRC="/pix/cwru-icon.gif">
Images can also be within paragraphs, no matter how long or short the 
paragraph is.  You will notice that some "vertical spacing" problems will 
occur. This is because the way HTML and the Web is set up, you can only 
have one line of text exist next to a graphic.
<IMG SRC="/pix/cwru-icon.gif">
To put it another way, the graphic becomes part of a line and alters its height 
appropriately.  This is changing with the work being done on HTML 3.0, but 
for the purposes of this example, we will stick with the basic HTML 2.0 rules.
</P>
<IMG SRC="/pix/cwru-icon.gif">
<P>
As you can see above, images are also able to exist outside of paragraphs, or 
indeed anything else except the BODY tags.
</P>
<UL>
<LI><IMG SRC="/pix/cwru-icon.gif"> List Items are also fair territory for images.
</UL>